window.addEventListener('load',function() {
        // alert(1);
    // 1.导航栏下拉特效.通过jQuery实现
    $(document).ready(function () {
        $("ul.nav li").hover(function () {
                $(this).addClass("on");

            },
            function () {
                $(this).removeClass("on");

            })
    });

    $(document).ready(function () {
        $("ul.nav li").hover(function () {
                $(this).parent("ul").siblings("li").addClass("choice");

            },
            function () {
                $(this).parent("ul").siblings("li").removeClass("choice");
            })
    });

    $(document).ready(function () {
        if ($("ul.nav li").find("ul").html() != "") {
            $("ul.nav li").parent("ul").siblings("li").append("<span class='sub'></span>");
        }
    });

    // 2.导航栏吸附效果
    var menubar = document.querySelector('.menu-bar');
    var menubarTop =menubar.offsetTop; 
    
    document.addEventListener('scroll',function() {
        if(window.pageYOffset>=menubarTop) {
            menubar.style.position = 'fixed';
        }else {
            menubar.style.position = 'relative';
        }
    })

    // 3.回到顶部吸附效果
    var goTop = document.querySelector('.go-top');
    // console.log(goTop.offsetTop);
    var goTopTop = goTop.offsetTop;
    document.addEventListener('scroll',function() {
        if(window.pageYOffset >= menubarTop) {
            goTop.style.display = 'block'; 
        }else {
            goTop.style.display = 'none'; 
        }
    })

   // 4.Cookie
   username = $.cookie('name');
   if (username == undefined) {
       document.querySelector('#username').innerText = "登录";
   } else {
       document.querySelector('#username').innerText = username;
   }
   user = document.querySelector('#username').innerText;
   console.log(user.innerText);
})